@import "src/style/index";

$bg-color:#046eb7;
.register-ok{
  background-color:$bg-color;
}
.l-success{
  width:100%;
  height:100%;
  overflow:hidden;
  background-color:$bg-color;
  padding:r(40) 0 r(20);
  .success-banner{
    position:relative;
    background-color:$bg-color;
    min-height:r(160);
    .text{
      position:absolute;
      top:r(62);
      width:100%;
      text-align:center;
      font-size:r(23);
      font-weight: bold;
      color:#EF8200;
      .money{
        margin-left:r(-8);
        font-size:r(26);
      }
    }
    &:after{
      position:absolute;
      left:0;
      right:0;
      bottom:r(-20);
      content: "";
      height: r(20);
      background-color:$bg-color;
    }
  }
  .card-wrap{
    position:relative;
    border-radius:r(6);
    background-color:#fff;
    margin:1px r(21) 0;
    text-align:center;
    overflow:hidden;
    @include images($url:"./images/card_bg.png",$size:(100% auto))
    .exclusive-tag{
      position:absolute;
      right:0;
      top:0;
      width:r(66);
      height:r(52);
      .newpeople{
        width:r(66);
        height:r(52);
      }
    }
    .hd{
      position:relative;
      border-bottom:1px dashed $bg-color;
      padding-right:2%;
      &:after,
      &:before{
        position:absolute;
        bottom:r(-7.5);
        content:"";
        width:r(15);
        height:r(15);
        background-color:$bg-color;
        border-radius:100%;
      }
      &:before{
        right:r(-7.5);
      }
      &:after{
        left:r(-7.5);
      }
      .item{
        padding:r(18) 0 ;
        width:32.68%;
        .name{
          color:$base-color-999;
        }
        .val{
          color:$base-color-666;
          font-size:r(13);
          line-height:r(30);
          height:r(30);
          em{
            font-size:r(22);
          }
          &.hligh{
            color:#EF8200;
            font-size:r(22);
          }
        }
      }
    }
    .hligh{
      color:#EF8200;
      font-size:r(22);
    }
    .card-info{
      padding:0 r(20);
      .i4-tit{
        color:$base-color-666;
        padding:r(15) 0;
        line-height:r(31);
        font-size:r(15);
        .hligh{font-size:r(15);}
      }
      .invest-btn{
        padding:r(30) 0;
        span{
          display:block;
          line-height:r(44);
          border-radius:r(4);
          background-color:#EF8200;
          font-size:r(15);
          color: #FFF;
        }
      }
    }
  }

}

@media screen and (max-width: 320px) {
  .l-success{
    .success-banner{
      .text{
        top:r(50);
      }
    }
  }
}
